:root {
--primary-100:#0077C2;
--primary-200:#59a5f5;
--primary-300:#c8ffff;
--accent-100:#00BFFF;
--accent-200:#00619a;
--text-100:#333333;
--text-200:#5c5c5c;
--bg-100:#FFFFFF;
--bg-200:#f5f5f5;
--bg-300:#cccccc;
}

.page-wrap{
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.page-wrap .search-box{
    flex:none;
    overflow: hidden;
    display: flex;
    padding:10px 0;
}
.page-wrap .page-main{
    flex: 1;
    display: block;
}
.searchbox .search-form{
    flex: 1;
}
.search-box .tools-box{
    flex: none;
    overflow: hidden;
}
.high-light-header{
    background-color: var(--bg-200) !important;
    .el-table__cell{
        background-color: var(--bg-200) !important;
    }
}

.data-box {
    flex: 1;
}
.data-page {
    padding: 5px;
    text-align: right;
}